import { Navigate } from "react-router-dom";
import Login from "../components/Login";
import Main from "../components/Main";
import NotFonud from '../components/404'


import Home from "../components/Main/Home";
import About from "../components/Main/About";

const routes = [
    {
        path: '/login',
        element: <Login />,
    },
    {
        path: '/main',
        element: <Main />,
        children:[
            {
                path: "/main/home",
                element: <Home />
              },
              {
                path: "/main/about",
                element: <About />
              }, 
        ]
    },
    {
        path: '/',
        element: <Navigate />,
    },
    {
        path: '*',
        element: <NotFonud />,
    },
]
export default routes;